<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>申远</title>
  <% include ./common/standard.ejs  %>
</head>
<body>
<div id="index">
  <% include ./common/header.ejs  %>
  <div class="master">
    <img src="../img/master.jpg" alt="">
  </div>
  <div class="section s1">
    <div class="container">
      <div class="new-act">
        <div class="tabs clearfix">
          <div class="tab-item">
            <p>UI玩儿UI秀</p>
          </div>
          <div class="tab-item active">
            <p>全无欲望</p>
          </div>
          <div class="tab-item">
            <p>全无欲AAS望</p>
          </div>
        </div>
        <div class="act-header text-center">最新活动</div>
        <div class="swiper-container act-swiper" id="act-container">
          <div class="swiper-wrapper">
          </div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
      <script id="act-new-tpl" type="text/template">
        {{_.each(data, function (item) {}}
        <div class="swiper-slide">
          <a href="{{=item.url}}">
            <img src="{{=item.image}}" alt=""/>
          </a>
        </div>
        {{})}}
      </script>
      <div class="sy-idea">
        <div class="act-header">申远印象</div>
        <div class="slogans row">
          <div class="col-xs-3">
            <div class="content">
              <h3>优选案例</h3>
              <p>多种设计风格实景案例
                请您静静欣赏</p>
              <i></i>
            </div>
          </div>
          <div class="col-xs-3">
            <div class="content">
              <h3>优选案例</h3>
              <p>多种设计风格实景案例
                请您静静欣赏</p>
              <i></i>
            </div>
          </div>
          <div class="col-xs-3">
            <div class="content">
              <h3>优选案例</h3>
              <p>多种设计风格实景案例
                请您静静欣赏</p>
              <i></i>
            </div>
          </div>
          <div class="col-xs-3">
            <div class="content">
              <h3>优选案例</h3>
              <p>多种设计风格实景案例
                请您静静欣赏</p>
              <i></i>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="section s2">
    <div class="container">
      <div class="row">
        <div class="col-xs-3 left-bar">
          <div class="bm">
            <div class="title">报名</div>
            <div class="tel">
              <i class="fa fa-phone"></i>
              <input type="text" id="tel" />
            </div>
            <div class="button appointment">
              立即报名
            </div>
          </div>
          <dl class="hot-act" id="hot-act">
            <dt class="title clearfix">
              <h3 class="pull-left">热门活动</h3>
              <a class="pull-right" href="#">more</a>
            </dt>
          </dl>
          <dl class="rank" id="rank">
            <dt class="title clearfix">
              <h3 class="pull-left">热门浏览排名</h3>
              <a class="pull-right" href="#">more</a>
            </dt>
          </dl>
          <dl class="loft">
            <dt class="title clearfix">
              <h3 class="pull-left">别墅百科</h3>
              <a class="pull-right" href="#">more</a>
            </dt>
            <dd class="act-item">
              <div class="img"><img src="../img/act1.jpg" alt=""/></div>
              <h4>高端产品</h4>
              <p>会很骄傲的哈大航海家爱德华敬爱的</p>
            </dd>
            <dd class="act-item">
              <div class="img"><img src="../img/act1.jpg" alt=""/></div>
              <h4>高端产品</h4>
              <p>会很骄傲的哈大航海家爱德华敬爱的</p>
            </dd>
            <dd class="act-item">
              <div class="img"><img src="../img/act1.jpg" alt=""/></div>
              <h4>高端产品</h4>
              <p>会很骄傲的哈大航海家爱德华敬爱的</p>
            </dd>
          </dl>
          <dl class="loft-other">
            <dt class="title clearfix">
            <h3 class="pull-left">别墅部品</h3>
            <a class="pull-right" href="#">more</a>
            </dt>
            <dd class="tabs clearfix">
              <div class="tab">高端产品</div>
              <div class="tab text-center active">材料管家</div>
              <div class="tab text-center">材料订购会</div>
            </dd>
            <dd class="tab-content">
                <div class="des">
                  撒交换机按实际
                </div>
              <div class="list">
                <img src="../img/act1.jpg" alt=""/>
                <img src="../img/act1.jpg" alt=""/>
                <img src="../img/act1.jpg" alt=""/>
                <img src="../img/act1.jpg" alt=""/>
              </div>
            </dd>
          </dl>
          <dl class="hot-recommends ">
            <dt class="title clearfix">
              <h3 class="pull-left">热点推荐</h3>
              <a class="pull-right" href="#">more</a>
            </dt>
            <dd class="content">
              <ul>
                <li><a href="">好好计划发送</a></li>
                <li><a href="">好好计划发送</a></li>
                <li><a href="">好好计划发送</a></li>
              </ul>
            </dd>
          </dl>
          <dl class="other-banner">
            <dt class="title clearfix">
              <h3 class="pull-left">其他banner</h3>
              <a class="pull-right" href="#">more</a>
            </dt>
            <dd class="img-item">
              <img src="../img/act1.jpg" alt=""/>
            </dd>
            <dd class="img-item">
              <img src="../img/act1.jpg" alt=""/>
            </dd>
            <dd class="img-item">
              <img src="../img/act1.jpg" alt=""/>
            </dd>
          </dl>
        </div>
        <div class="col-xs-9 main">
          <div class="case case-show" id="case-show">
            <div class="common-header">
              <div class="title">
                <img src="../../img/designer-logo.png" alt="logo">
                优选案例
              </div>
              <div class="options clearfix" id="case-option">
                <script id="case-option-tpl" type="text/template">
                  {{_.each(data.styles, function(item){}}
                  <div class="option" data-code="{{=item.code}}">{{=item.name}}</div>
                  {{})}}
                </script>
              </div>
            </div>
            <div class="content">
            </div>
          </div>
          <div class="designer" id="designer-show">
            <div class="common-header">
              <div class="title">
                <img src="../../img/designer-logo.png" alt="logo">
                设计师
              </div>
              <div class="options clearfix" id="designer-option">
                <script id="designer-option-tpl" type="text/template">
                  {{_.each(data.titles, function(item){}}
                  <div class="option" data-code="{{=item.code}}">{{=item.name}}</div>
                  {{})}}
                </script>
              </div>
            </div>
            <div class="content"></div>
          </div>
          <div class="floor">
            <div class="common-header">
              <div class="title">
                <img src="../../img/designer-logo.png" alt="logo">
                深度楼盘
              </div>
              <div class="options clearfix">
                <div class="option">1</div>
                <div class="option">2</div>
                <div class="option">3</div>
                <div class="option">4</div>
                <div class="option">5</div>
                <div class="option">6</div>
              </div>
            </div>
            <div class="content">
              <div class="row">
                <div class="col-xs-12 c1">
                  <div class="case-item">
                    <img src="../img/act1.jpg" alt=""/>
                    <div class="txt-content">
                      <div class="t1">asaa</div>
                      <div class="t2">fff</div>
                      <div class="t3">1231232aas</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-xs-4 c2">
                  <div class="case-item">
                    <img src="../img/act1.jpg" alt=""/>
                    <div class="txt-content">
                      <div class="txt">
                        <div class="t1">1</div>
                        <div class="t2">2aaddad</div>
                        <div class="t3">3</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-xs-4 c2">
                  <div class="case-item">
                    <img src="../img/act1.jpg" alt=""/>
                    <div class="txt-content">
                      <div class="txt">
                        <div class="t1"></div>
                        <div class="t2"></div>
                        <div class="t3"></div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-xs-4 c2">
                  <div class="case-item">
                    <img src="../img/act1.jpg" alt=""/>
                    <div class="txt-content">
                      <div class="txt">
                        <div class="t1"></div>
                        <div class="t2"></div>
                        <div class="t3"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="section s3">
    <div class="container">
      <div class="title">
        上海在建工地 635 套
        <select class="pull-right" name="" id="">
          <option value="">上海</option>
          <option value=""></option>
        </select>
      </div>
      <div class="content clearfix">
        <div class="ms ms-2 areas">
          <dl class="item">
            <dt>上海市</dt>
            <dd class="clearfix"><em>1</em><em>小区吗</em><em>（111）</em></dd>
            <dd class="clearfix common"><em>1</em><em>小区吗</em><em>（111）</em></dd>
          </dl>
        </div>
        <div class="ms ms-8 site-list">
          <div class="ms ms-2">
            <div class="img"><img src="../img/act1.jpg" alt=""/></div>
            <div class="content">
              <div class="header clearfix">
                <div class="pull-left">小区吗<em>(111)</em></div>
                <div class="pull-right"><i class="fa fa-map-marker"></i>杨浦</div>
              </div>
              <p>福晶科技看见看见就看大家卡机</p>
            </div>
          </div>
          <div class="ms ms-2">
            <div class="img"><img src="../img/act1.jpg" alt=""/></div>
            <div class="content">
              <div class="header clearfix">
                <div class="pull-left">小区吗<em>(111)</em></div>
                <div class="pull-right"><i class="fa fa-map-marker"></i>杨浦</div>
              </div>
              <p>福晶科技看见看见就看大家卡机</p>
            </div>
          </div>
          <div class="ms ms-2">
            <div class="img"><img src="../img/act1.jpg" alt=""/></div>
            <div class="content">
              <div class="header clearfix">
                <div class="pull-left">小区吗<em>(111)</em></div>
                <div class="pull-right"><i class="fa fa-map-marker"></i>杨浦</div>
              </div>
              <p>福晶科技看见看见就看大家卡机</p>
            </div>
          </div>
          <div class="ms ms-2">
            <div class="img"><img src="../img/act1.jpg" alt=""/></div>
            <div class="content">
              <div class="header clearfix">
                <div class="pull-left">小区吗<em>(111)</em></div>
                <div class="pull-right"><i class="fa fa-map-marker"></i>杨浦</div>
              </div>
              <p>福晶科技看见看见就看大家卡机</p>
            </div>
          </div>
          <div class="ms ms-2">
            <div class="img"><img src="../img/act1.jpg" alt=""/></div>
            <div class="content">
              <div class="header clearfix">
                <div class="pull-left">小区吗<em>(111)</em></div>
                <div class="pull-right"><i class="fa fa-map-marker"></i>杨浦</div>
              </div>
              <p>福晶科技看见看见就看大家卡机</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="section s4">
    <div class="container">
      <div class="row l1">
        <div class="col-xs-12"><img src="../img/world.jpg" alt=""/></div>
      </div>
      <div class="row">
        <div class="col-xs-3"><img src="../img/act1.jpg" alt=""/></div>
        <div class="col-xs-3"><img src="../img/act1.jpg" alt=""/></div>
        <div class="col-xs-3"><img src="../img/act1.jpg" alt=""/></div>
        <div class="col-xs-3"><img src="../img/act1.jpg" alt=""/></div>
      </div>
    </div>
  </div>
  <div class="section s5">
    <div class="container">
      <div class="row">
        <div class="col-xs-4">
          <dl class="vedio">
            <dt>活动视频</dt>
            <dd>
              <a href="">
                <img src="../img/act1.jpg" alt=""/>
              </a>
            </dd>
          </dl>
        </div>
        <div class="col-xs-4">
          <dl class="article">
            <dt>热门文章</dt>
            <dd class="clearfix">
              <div class="img pull-left"><img src="" alt=""/></div>
              <h4>哈哈哈交换机</h4>
              <p>发空间数据库是否健康快速减肥会计师费劲</p>
            </dd>
          </dl>
        </div>
        <div class="col-xs-4">
          <dl class="news">
            <dt>最新新闻</dt>
            <dd>
              <ul>
                <li><a href="">好借好还军军军军军</a></li>
                <li><a href="">好借好还军军军军军</a></li>
                <li><a href="">好借好还军军军军军</a></li>
                <li><a href="">好借好还军军军军军</a></li>
              </ul>
            </dd>
          </dl>
        </div>
      </div>
    </div>
  </div>
  <% include ./common/footer.ejs  %>
</div>
<div class="mask">
  <div class="appointment-success"><报名></报名>成功</div>
</div>
<script id="case-show-tpl" type="text/template">
  <div class="row">
    {{_.each(data, function(item,idx){}}
    <div class="c{{=idx}} pull-left cc">
      <div class="case-item">
        <a href="/designer/detail?id={{=item.id}}">
          <img src="{{=item.image}}" alt=""/>
          <div class="txt-content">
            <div class="t1">{{=item.title}}</div>
            <div class="t2">{{=item.name}}</div>
            <div class="t3">{{=item.workYear}}</div>
          </div>
        </a>
      </div>
    </div>
    {{})}}
  </div>
</script>
<script id="designer-show-tpl" type="text/template">
  <div class="row">
    {{_.each(data, function(item,idx){}}
    <div class="c{{=idx}} pull-left dd">
      <div class="case-item">
        <a href="/designer/detail?id={{=item.id}}">
          <img src="{{=item.portrait}}" alt=""/>
          <div class="txt-content">
            <div class="t1">{{=item.title}}</div>
            <div class="t2">{{=item.name}}</div>
            <div class="t3">{{=item.workYear}}</div>
          </div>
        </a>
      </div>
    </div>
    {{})}}
  </div>
</script>

<script type="text/template" id="hot-act-tpl">
  {{_.each(data, function(item){}}
  <dd class="act-item">
    <a href="{{=item.url}}">
    <div class="img"><img src="{{=item.image}}" alt=""/></div>
    <div class="content">
      {{=item.title}}
    </div>
    </a>
  </dd>
  {{})}}
</script>
<script type="text/template" id="rank-tpl">
  {{_.each(data, function(item,idx){}}
  {{if(idx<3)}}
  <dd class="act-item">
    <div class="content clearfix">
      <em class="pull-left">{{=idx+1}}</em>
      <div class="img pull-left">
        <img src="{{=item.image}}" alt=""/>
        <div class="eyes"><i class="fa fa-eye"></i>{{=item.viewCount}}</div>
      </div>
      <p class="pull-left">{{=item.community}}</p>
    </div>
  </dd>
  {{else}}
  <dd class="act-item common">
    <div class="content clearfix">
      <em class="pull-left">{{=idx+1}}</em>
      <div class="txt pull-left">{{=item.community}}</div>
      <div class="eyes pull-right"><i class="fa fa-eye"></i>{{=item.viewCount}}</div>
    </div>
  </dd>
  {{})}}
</script>
<script type="text/template" id="case-tpl">

</script>
<script src="js/lib/requirejs/require.js"></script>
<script src="js/config.js"></script>
<script src="js/index.js"></script>

</body>
</html>